<template>
  <div class="app-container">
    <el-card style="width: 100%; margin-bottom:20px;">
      <span
        v-for="(item,index) in typelist"
        :key="index"
        class="text item typelists"
        :class="index == type_index?'typexuan':''"
        @click="xuans(index)"
      >{{ item }}</span>
    </el-card>
    <div v-if="type_index == 0">

      <el-table
        key="table0"
        v-loading="listLoading"
        :data="list"
        stripe
        style="width: 100%"
        :row-style="{ background: '#f2f2f2' }"
      >
        <div slot="empty" class="m-empty-box">
          <div class="mar" style="width: 168px;height: 180px;">
            <img src="https://www.jianyigongxiang.com/public/membercard/empty.png" class="wh100">
          </div>
          <div class="title">暂无数据</div>
        </div>
        <el-table-column align="center" label="课程名称">
          <template slot-scope="{row}">
            <span>{{ row.course_name }}</span>
          </template>
        </el-table-column>

        <el-table-column align="center" label="课程时间">
          <template slot-scope="{row}">
            <span>{{ row.course_start_date_desc }}
              {{ row.course_start_time_desc }}~{{ row.course_end_time_desc }}</span>
          </template>
        </el-table-column>

        <el-table-column width="100px" label="教练">
          <template slot-scope="{row}">
            <span>{{ row.coach_name }}</span>
          </template>
        </el-table-column>

        <el-table-column class-name="status-col" label="取消原因">
          <template slot-scope="{row}">
            <span>{{ row.cancel_reason }}</span>
          </template>
        </el-table-column>

        <el-table-column label="取消时间">
          <template slot-scope="{row}">
            <span>{{ row.cancel_time_desc }}</span>
          </template>
        </el-table-column>

        <el-table-column align="center" label="操作" width="120">
          <template>
            <!-- <router-link :to="'/example/edit/'+scope.row.id"> -->
            <el-button type="primary" size="small" icon="el-icon-edit">
              确认
            </el-button>
            <!-- </router-link> -->
          </template>
        </el-table-column>
      </el-table>

      <pagination
        v-show="total>0"
        :total="total"
        :page.sync="listQuery.page"
        :limit.sync="listQuery.limit"
        @pagination="getList"
      />
    </div>
    <div v-if="type_index == 1">
      <div style="display:flex; line-height: 34px;margin-bottom: 20px;">
        <div style="margin-right: 30px;"> 当前选中<span class="typexuan">{{ xuancount }}</span>个会员</div>
        <el-button type="warning">
          批量发送短信
        </el-button>
      </div>
      <el-table
        ref="multipleTable"
        key="table1"
        v-loading="listLoading"
        :data="list"
        stripe
        :row-style="{ background: '#f2f2f2' }"
        highlight-current-row
        style="width: 100%;"
        tooltip-effect="dark"
        @selection-change="handleSelectionChange"
      >
        <div slot="empty" class="m-empty-box">
          <div class="mar" style="width: 168px;height: 180px;">
            <img src="https://www.jianyigongxiang.com/public/membercard/empty.png" class="wh100">
          </div>
          <div class="title">暂无数据</div>
        </div>
        <el-table-column type="selection" width="55" label="全选" />
        <el-table-column align="center" label="会员姓名">
          <template slot-scope="{row}">
            <span>{{ row.mname }}</span>
          </template>
        </el-table-column>

        <el-table-column align="center" label="联系方式">
          <template slot-scope="{row}">
            <span>{{ row.phone }}</span>
          </template>
        </el-table-column>

        <el-table-column label="卡号">
          <template slot-scope="{row}">
            <span> {{ row.card_no }} </span>
          </template>
        </el-table-column>

        <el-table-column class-name="status-col" label="卡名称">
          <template slot-scope="{row}">
            <span> {{ row.card_title }} </span>
          </template>
        </el-table-column>

        <el-table-column label="有效期至">
          <template slot-scope="{row}">
            <span>{{ row.deadline }}</span>
          </template>
        </el-table-column>

        <el-table-column label="余额">
          <template slot-scope="{row}">
            <span>{{ row.residue_amount }}</span>
          </template>
        </el-table-column>

        <el-table-column label="状态">
          <template slot-scope="{row}">
            <span>{{ row.status == 0?'未回访':'已回访' }}</span>
          </template>
        </el-table-column>

        <el-table-column align="center" label="操作" width="120">
          <template>
            <el-button type="primary" size="small" icon="el-icon-edit">
              回访
            </el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>
    <div v-if="type_index == 2">
      <div style="display:flex; line-height: 34px;margin-bottom: 20px;">
        <div style="margin-right: 30px;"> 当前选中<span class="typexuan">{{ xuancount }}</span>个会员</div>
        <el-button type="warning">
          批量发送短信
        </el-button>
      </div>
      <el-table
        ref="multipleTable"
        key="table2"
        v-loading="listLoading"
        :data="list"
        stripe
        :row-style="{ background: '#f2f2f2' }"
        highlight-current-row
        style="width: 100%;"
        tooltip-effect="dark"
        @selection-change="handleSelectionChange"
      >
        <el-table-column type="selection" width="55" label="全选" />
        <el-table-column align="center" label="会员姓名">
          <template slot-scope="{row}">
            <span>{{ row.mname }}</span>
          </template>
        </el-table-column>

        <el-table-column align="center" label="联系方式">
          <template slot-scope="{row}">
            <span>{{ row.phone }}</span>
          </template>
        </el-table-column>

        <el-table-column align="center" label="性别">
          <template slot-scope="{row}">
            <span> {{ row.card_no }} </span>
          </template>
        </el-table-column>

        <el-table-column align="center" class-name="status-col" label="生日">
          <template slot-scope="{row}">
            <span> {{ row.card_title }} </span>
          </template>
        </el-table-column>

        <el-table-column align="center" label="距离生日">
          <template slot-scope="{row}">
            <span>{{ row.deadline }}</span>
          </template>
        </el-table-column>

        <el-table-column align="center" label="状态">
          <template slot-scope="{row}">
            <span>{{ row.status == 0?'未回访':'已回访' }}</span>
          </template>
        </el-table-column>

        <el-table-column align="center" label="操作" width="120">
          <template>
            <el-button type="primary" size="small" icon="el-icon-edit">
              回访
            </el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>
    <div v-if="type_index == 3">
      <div style="display:flex; line-height: 34px;margin-bottom: 20px;">
        <div style="margin-right: 30px;"> 当前选中<span class="typexuan">{{ xuancount }}</span>个会员</div>
        <el-button type="warning">
          批量发送短信
        </el-button>
      </div>
      <el-table
        ref="multipleTable"
        key="table3"
        v-loading="listLoading"
        :data="list"
        stripe
        :row-style="{ background: '#f2f2f2' }"
        highlight-current-row
        style="width: 100%;"
        tooltip-effect="dark"
        @selection-change="handleSelectionChange"
      >
        <div slot="empty" class="m-empty-box">
          <div class="mar" style="width: 168px;height: 180px;">
            <img src="https://www.jianyigongxiang.com/public/membercard/empty.png" class="wh100">
          </div>
          <div class="title">暂无数据</div>
        </div>
        <el-table-column type="selection" width="55" label="全选" />
        <el-table-column align="center" label="会员姓名">
          <template slot-scope="{row}">
            <span>{{ row.mname }}</span>
          </template>
        </el-table-column>

        <el-table-column align="center" label="联系方式">
          <template slot-scope="{row}">
            <span>{{ row.phone }}</span>
          </template>
        </el-table-column>

        <el-table-column align="center" label="卡号">
          <template slot-scope="{row}">
            <span> {{ row.card_no }} </span>
          </template>
        </el-table-column>

        <el-table-column align="center" label="卡名称">
          <template slot-scope="{row}">
            <span> {{ row.card_title }} </span>
          </template>
        </el-table-column>

        <el-table-column align="center" class-name="status-col" label="有效期至">
          <template slot-scope="{row}">
            <span> {{ row.deadline }} </span>
          </template>
        </el-table-column>

        <el-table-column align="center" label="余额">
          <template slot-scope="{row}">
            <span>{{ row.residue_amount }}</span>
          </template>
        </el-table-column>

        <el-table-column align="center" label="状态">
          <template slot-scope="{row}">
            <span>{{ row.status == 0?'未回访':'已回访' }}</span>
          </template>
        </el-table-column>

        <el-table-column align="center" label="操作" width="120">
          <template>
            <el-button type="primary" size="small" icon="el-icon-edit">
              回访
            </el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>
    <div v-if="type_index == 4">
      <div style="display:flex; line-height: 34px;margin-bottom: 20px;">
        <div style="margin-right: 30px;"> 当前选中<span class="typexuan">{{ xuancount }}</span>个会员</div>
        <el-button type="warning">
          批量发送短信
        </el-button>
      </div>
      <el-table
        ref="multipleTable"
        key="table4"
        v-loading="listLoading"
        :data="list"
        stripe
        :row-style="{ background: '#f2f2f2' }"
        highlight-current-row
        style="width: 100%;"
        tooltip-effect="dark"
        @selection-change="handleSelectionChange"
      >
        <div slot="empty" class="m-empty-box">
          <div class="mar" style="width: 168px;height: 180px;">
            <img src="https://www.jianyigongxiang.com/public/membercard/empty.png" class="wh100">
          </div>
          <div class="title">暂无数据</div>
        </div>
        <el-table-column type="selection" width="55" label="全选" />
        <el-table-column align="center" label="会员姓名">
          <template slot-scope="{row}">
            <span>{{ row.mname }}</span>
          </template>
        </el-table-column>

        <el-table-column align="center" label="联系方式">
          <template slot-scope="{row}">
            <span>{{ row.phone }}</span>
          </template>
        </el-table-column>

        <el-table-column align="center" label="性别">
          <template slot-scope="{row}">
            <span> {{ row.sex == 0?'女':'男' }} </span>
          </template>
        </el-table-column>

        <el-table-column align="center" class-name="status-col" label="未上课天数">
          <template slot-scope="{row}">
            <span> {{ row.absent_times }}天 </span>
          </template>
        </el-table-column>

        <el-table-column align="center" label="状态">
          <template slot-scope="{row}">
            <span>{{ row.status == 0?'未回访':'已回访' }}</span>
          </template>
        </el-table-column>

        <el-table-column align="center" class-name="status-col" label="末次回访时间">
          <template slot-scope="{row}">
            <span> {{ row.last_time }} </span>
          </template>
        </el-table-column>

        <el-table-column align="center" label="操作" width="120">
          <template>
            <el-button type="primary" size="small" icon="el-icon-edit">
              回访
            </el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>
    <div v-if="type_index == 5">
      <div style="display:flex; line-height: 34px;margin-bottom: 20px;">
        <div style="margin-right: 30px;"> 当前选中<span class="typexuan">{{ xuancount }}</span>个会员</div>
        <el-button type="warning">
          批量发送短信
        </el-button>
      </div>
      <el-table
        ref="multipleTable"
        key="table5"
        v-loading="listLoading"
        :data="list"
        stripe
        :row-style="{ background: '#f2f2f2' }"
        highlight-current-row
        style="width: 100%;"
        tooltip-effect="dark"
        @selection-change="handleSelectionChange"
      >
        <div slot="empty" class="m-empty-box">
          <div class="mar" style="width: 168px;height: 180px;">
            <img src="https://www.jianyigongxiang.com/public/membercard/empty.png" class="wh100">
          </div>
          <div class="title">暂无数据</div>
        </div>
        <el-table-column type="selection" width="55" label="全选" />
        <el-table-column align="center" label="会员姓名">
          <template slot-scope="{row}">
            <span>{{ row.mname }}</span>
          </template>
        </el-table-column>

        <el-table-column align="center" label="联系方式">
          <template slot-scope="{row}">
            <span>{{ row.phone }}</span>
          </template>
        </el-table-column>

        <el-table-column align="center" label="性别">
          <template slot-scope="{row}">
            <span> {{ row.sex == 0?'女':'男' }} </span>
          </template>
        </el-table-column>

        <el-table-column align="center" class-name="status-col" label="入会日期">
          <template slot-scope="{row}">
            <span> {{ row.join_date }} </span>
          </template>
        </el-table-column>

        <el-table-column align="center" class-name="status-col" label="距离纪念日">
          <template slot-scope="{row}">
            <span> {{ row.count_down }}天 </span>
          </template>
        </el-table-column>

        <el-table-column align="center" label="状态">
          <template slot-scope="{row}">
            <span>{{ row.status == 0?'未回访':'已回访' }}</span>
          </template>
        </el-table-column>

        <el-table-column align="center" label="操作" width="120">
          <template>
            <el-button type="primary" size="small" icon="el-icon-edit">
              回访
            </el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>
    <div v-if="type_index == 6">
      <div style="display:flex; line-height: 34px;margin-bottom: 20px;">
        <div style="margin-right: 30px;"> 当前选中<span class="typexuan">{{ xuancount }}</span>个会员</div>
        <el-button type="warning">
          批量发送短信
        </el-button>
      </div>
      <el-table
        ref="multipleTable"
        key="table6"
        v-loading="listLoading"
        :data="list"
        stripe
        :row-style="{ background: '#f2f2f2' }"
        highlight-current-row
        style="width: 100%;"
        tooltip-effect="dark"
        @selection-change="handleSelectionChange"
      >
        <div slot="empty" class="m-empty-box">
          <div class="mar" style="width: 168px;height: 180px;">
            <img src="https://www.jianyigongxiang.com/public/membercard/empty.png" class="wh100">
          </div>
          <div class="title">暂无数据</div>
        </div>
        <el-table-column type="selection" width="55" label="全选" />
        <el-table-column align="center" label="会员姓名">
          <template slot-scope="{row}">
            <span>{{ row.mname }}</span>
          </template>
        </el-table-column>

        <el-table-column align="center" label="联系方式">
          <template slot-scope="{row}">
            <span>{{ row.phone }}</span>
          </template>
        </el-table-column>

        <el-table-column align="center" label="卡号">
          <template slot-scope="{row}">
            <span> {{ row.sex == 0?'女':'男' }} </span>
          </template>
        </el-table-column>

        <el-table-column align="center" class-name="status-col" label="卡名称">
          <template slot-scope="{row}">
            <span> {{ row.join_date }} </span>
          </template>
        </el-table-column>

        <el-table-column align="center" class-name="status-col" label="开卡日期">
          <template slot-scope="{row}">
            <span> {{ row.count_down }} </span>
          </template>
        </el-table-column>

        <el-table-column align="center" class-name="status-col" label="有效期">
          <template slot-scope="{row}">
            <span> {{ row.count_down }} </span>
          </template>
        </el-table-column>

        <el-table-column align="center" label="状态">
          <template slot-scope="{row}">
            <span>{{ row.status == 0?'未回访':'已回访' }}</span>
          </template>
        </el-table-column>

        <el-table-column align="center" label="操作" width="120">
          <template>
            <el-button type="primary" size="small" icon="el-icon-edit">
              回访
            </el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>
    <div v-if="type_index == 7">
      <div style="display:flex; line-height: 34px;margin-bottom: 20px;">
        <div style="margin-right: 30px;"> 当前选中<span class="typexuan">{{ xuancount }}</span>个会员</div>
        <el-button type="warning">
          批量发送短信
        </el-button>
      </div>
      <el-table
        ref="multipleTable"
        key="table7"
        v-loading="listLoading"
        :data="list"
        stripe
        :row-style="{ background: '#f2f2f2' }"
        highlight-current-row
        style="width: 100%;"
        tooltip-effect="dark"
        @selection-change="handleSelectionChange"
      >
        <div slot="empty" class="m-empty-box">
          <div class="mar" style="width: 168px;height: 180px;">
            <img src="https://www.jianyigongxiang.com/public/membercard/empty.png" class="wh100">
          </div>
          <div class="title">暂无数据</div>
        </div>
        <el-table-column type="selection" width="55" label="全选" />
        <el-table-column align="center" label="会员姓名">
          <template slot-scope="{row}">
            <span>{{ row.mname }}</span>
          </template>
        </el-table-column>

        <el-table-column align="center" label="联系方式">
          <template slot-scope="{row}">
            <span>{{ row.phone }}</span>
          </template>
        </el-table-column>

        <el-table-column align="center" label="卡号">
          <template slot-scope="{row}">
            <span> {{ row.sex == 0?'女':'男' }} </span>
          </template>
        </el-table-column>

        <el-table-column align="center" class-name="status-col" label="卡名称">
          <template slot-scope="{row}">
            <span> {{ row.join_date }} </span>
          </template>
        </el-table-column>

        <el-table-column align="center" class-name="status-col" label="请假截止日期">
          <template slot-scope="{row}">
            <span> {{ row.count_down }} </span>
          </template>
        </el-table-column>

        <el-table-column align="center" class-name="status-col" label="有效期至">
          <template slot-scope="{row}">
            <span> {{ row.count_down }} </span>
          </template>
        </el-table-column>

        <el-table-column align="center" label="状态">
          <template slot-scope="{row}">
            <span>{{ row.status == 0?'未回访':'已回访' }}</span>
          </template>
        </el-table-column>

        <el-table-column align="center" label="操作" width="120">
          <template>
            <el-button type="primary" size="small" icon="el-icon-edit">
              回访
            </el-button>
          </template>
        </el-table-column>
      </el-table>
    </div>
  </div>
</template>

<script>
// import fetchList from '@/api/article'
import Pagination from '@/components/Pagination' // Secondary package based on el-pagination
import { getXuan } from '@/utils/limits.js'
import { mapGetters } from 'vuex' // Secondary package based on el-pagination

export default {
  name: 'ArticleList',
  components: {
    Pagination
  },
  filters: {
    statusFilter(status) {
      const statusMap = {
        published: 'success',
        draft: 'info',
        deleted: 'danger'
      }
      return statusMap[status]
    }
  },
  data() {
    return {
      list: null,
      total: 0,
      listLoading: true,
      listQuery: {
        page: 1,
        limit: 20
      },
      typelist: ['课程取消', '会员卡有效期', '会员生日', '会员卡余额', '多天未上课', '入会纪念日', '开卡', '请假到期'],
      type_index: 0,
      multipleSelection: [],
      xuancount: 0
    }
  },

  computed: {
    ...mapGetters([
      'permission_routes',
      'roles'
    ])
  },
  created() {
    var xuanList = [{
      name: '今日消息提醒',
      url: '/workbenchRemind/index',
      pd: true
    }]
    var xuanList1 = getXuan(xuanList, this.roles)
    this.$store.dispatch('user/changeXuan', {
      key: 'xuanList',
      value: xuanList1
    })
    this.$store.dispatch('user/changeXuan', {
      key: 'xuan',
      value: 0
    })
    this.getList()
  },
  methods: {
    xuans(index) {
      console.log(index)
      this.type_index = index
      this.multipleSelection = []
      this.xuancount = 0
      this.getList()
    },
    getList() {
      this.listLoading = true
      var list = {}
      // fetchList(this.listQuery).then(response => {
      if (this.type_index === 0) {
        list = {
          'data': {
            'total': 5,
            'list': [{
              'id': '7105',
              'course_name': '小工具-弹力带美臀',
              'course_start_time': '1698390000',
              'course_end_time': '1698393600',
              'coach_name': '张兰',
              'members': '李美',
              'cancel_time': '1698389951',
              'cancel_reason': '人数不足已取消',
              'status': '1',
              'schedule_id': '47755',
              'venue_id': '5',
              'brand_id': '37379',
              'user_id': '1423526',
              'coach_id': '434',
              'coach_avatar': 'https:\/\/cloud.keepyoga.com\/static\/img\/avatar-woman.jpg',
              'course_color': '928FD9',
              'have_pay': '0',
              'confirm': '0',
              'confirm_time': '0',
              'confirm_desc': '待确认',
              'course_start_date_desc': '2023-10-27',
              'course_start_time_desc': '15:00',
              'course_end_time_desc': '16:00',
              'cancel_time_desc': '2023-10-27 14:59:11'
            }, {
              'id': '7059',
              'course_name': '马甲线-小球',
              'course_start_time': '1698321000',
              'course_end_time': '1698324600',
              'coach_name': '张兰',
              'members': '陈乐璇',
              'cancel_time': '1698320950',
              'cancel_reason': '人数不足已取消',
              'status': '1',
              'schedule_id': '47749',
              'venue_id': '5',
              'brand_id': '37379',
              'user_id': '1423526',
              'coach_id': '434',
              'coach_avatar': 'https:\/\/cloud.keepyoga.com\/static\/img\/avatar-woman.jpg',
              'course_color': '928FD9',
              'have_pay': '0',
              'confirm': '0',
              'confirm_time': '0',
              'confirm_desc': '待确认',
              'course_start_date_desc': '2023-10-26',
              'course_start_time_desc': '19:50',
              'course_end_time_desc': '20:50',
              'cancel_time_desc': '2023-10-26 19:49:10'
            }, {
              'id': '7045',
              'course_name': '大器械-铅笔腿',
              'course_start_time': '1698303600',
              'course_end_time': '1698307200',
              'coach_name': '黎艳容',
              'members': '',
              'cancel_time': '1698303552',
              'cancel_reason': '人数不足已取消',
              'status': '1',
              'schedule_id': '47745',
              'venue_id': '5',
              'brand_id': '37379',
              'user_id': '1423526',
              'coach_id': '174',
              'coach_avatar': 'https:\/\/img.keepyoga.com\/1659713147_6236_croppedImage.png@q_80',
              'course_color': 'd19fc9',
              'have_pay': '0',
              'confirm': '0',
              'confirm_time': '0',
              'confirm_desc': '待确认',
              'course_start_date_desc': '2023-10-26',
              'course_start_time_desc': '15:00',
              'course_end_time_desc': '16:00',
              'cancel_time_desc': '2023-10-26 14:59:12'
            }, {
              'id': '6999',
              'course_name': 'reformer-美胸美背',
              'course_start_time': '1698287400',
              'course_end_time': '1698291000',
              'coach_name': '尹利平',
              'members': '',
              'cancel_time': '1698287351',
              'cancel_reason': '人数不足已取消',
              'status': '1',
              'schedule_id': '47744',
              'venue_id': '5',
              'brand_id': '37379',
              'user_id': '1423526',
              'coach_id': '404',
              'coach_avatar': 'https:\/\/cloud.keepyoga.com\/static\/img\/avatar-woman.jpg',
              'course_color': '95E2F5',
              'have_pay': '0',
              'confirm': '0',
              'confirm_time': '0',
              'confirm_desc': '待确认',
              'course_start_date_desc': '2023-10-26',
              'course_start_time_desc': '10:30',
              'course_end_time_desc': '11:30',
              'cancel_time_desc': '2023-10-26 10:29:11'
            }, {
              'id': '6968',
              'course_name': '大器械-马甲线',
              'course_start_time': '1698278400',
              'course_end_time': '1698282000',
              'coach_name': '周玉琼',
              'members': '',
              'cancel_time': '1698278350',
              'cancel_reason': '人数不足已取消',
              'status': '1',
              'schedule_id': '47741',
              'venue_id': '5',
              'brand_id': '37379',
              'user_id': '1423526',
              'coach_id': '412',
              'coach_avatar': 'https:\/\/cloud.keepyoga.com\/static\/img\/avatar-woman.jpg',
              'course_color': '95E2F5',
              'have_pay': '0',
              'confirm': '0',
              'confirm_time': '0',
              'confirm_desc': '待确认',
              'course_start_date_desc': '2023-10-26',
              'course_start_time_desc': '08:00',
              'course_end_time_desc': '09:00',
              'cancel_time_desc': '2023-10-26 07:59:10'
            }]
          }
        }

        this.total = list.data.total

        this.list = list.data.list
      }
      if (this.type_index === 1) {
        list = {
          'errno': 0,
          'error': 'ok',
          'data': [{
            'mid': '19105',
            'mcard_id': '24900',
            'card_no': '202409030001',
            'card_title': '周卡',
            'mname': '罗小娟',
            'phone': '18026670926',
            'residue_amount': '1',
            'deadline': '2024-09-09',
            'countdown': '1',
            'id': '19105',
            'name': '罗小娟',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/PiajxSqBRaEKGF1ejicfZIEWLDnPdFO9tQJiaqltSEicibZbXJNiajfoDiaJKpQ48QlJ6I3kNSSqmqzM2eTBeKEYJYNVy65WDl1WAIt2273nAxyPIfNMR3wNXtD1g\/132',
            'sex': 0,
            'status': '1'
          }, {
            'mid': '19352',
            'mcard_id': '18876',
            'card_no': '202307240053',
            'card_title': '精品五店通',
            'mname': '郑单平',
            'phone': '18565545595',
            'residue_amount': '6',
            'deadline': '2024-09-14',
            'countdown': '6',
            'id': '19352',
            'name': '郑单平',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/Q0j4TwGTfTJwicoopV8ZJu2NlHiaJpC1uxaDgibyJSajVVt3P1WEpUOGy5mCKNNnYT1v29818MVktGnN7a2uicfRrA\/132',
            'sex': 0,
            'status': '1'
          }, {
            'mid': '21536',
            'mcard_id': '24349',
            'card_no': '202406120003',
            'card_title': '100次综合卡',
            'mname': '张锦燕',
            'phone': '13531645342',
            'residue_amount': '11',
            'deadline': '2024-09-14',
            'countdown': '6',
            'id': '21536',
            'name': '张锦燕',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/ETfZLOcZ9TRBtP9LTmCWXIGIyAlNrpLFklVIdr0AbZeQoWyF7mPia4kgGmEgZAoK6BpWOQV2UicZqRWLow1iaqpFQ\/132',
            'sex': 0,
            'status': '0'
          }, {
            'mid': '20920',
            'mcard_id': '22386',
            'card_no': '202311290011',
            'card_title': '普拉提大器械课',
            'mname': '林钰轩',
            'phone': '18665292901',
            'residue_amount': '5',
            'deadline': '2024-09-18',
            'countdown': '10',
            'id': '20920',
            'name': '林钰轩',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/PiajxSqBRaEJF5gSvMstvM1wuVpg3gibXNCyBib9HGiaibpb4NAtFmicXicACZH3ZKmX6ktPYo3AjAicfqDH4CPxCG8ib7aiafibopbVZyKD3hibSN0aSNIdn4lficWic9eQ\/132',
            'sex': 0,
            'status': '0'
          }, {
            'mid': '21557',
            'mcard_id': '24405',
            'card_no': '202406170015',
            'card_title': '大器械小班课',
            'mname': '骆彩虹',
            'phone': '13680726006',
            'residue_amount': '0',
            'deadline': '2024-09-18',
            'countdown': '10',
            'id': '21557',
            'name': '骆彩虹',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/Q0j4TwGTfTL6bKWuDa4sbgga6xBpx4TYf3tCTqUkBAp4Mez7SfZNrPBNLnKA3moJ5Ivy440jBqgPuItHqibsXEA\/132',
            'sex': 0,
            'status': '1'
          }, {
            'mid': '19879',
            'mcard_id': '22646',
            'card_no': '202312110007',
            'card_title': '大器械小班课',
            'mname': '（黄丹丹）阿酸',
            'phone': '15089235020',
            'residue_amount': '0',
            'deadline': '2024-09-18',
            'countdown': '10',
            'id': '19879',
            'name': '（黄丹丹）阿酸',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/PiajxSqBRaEKwllsMkRVA4hw8w7cIWcaQ4ou8qQp6e9rBbUmN6cibgH8MlcC0icibrW5CzwyArkcaVwLBIQcJhPtMjPhHu2yepuuO2Ec7xzb7oGibtQEoJ6czXg\/132',
            'sex': 0,
            'status': '1'
          }, {
            'mid': '19352',
            'mcard_id': '18876',
            'card_no': '202307240053',
            'card_title': '精品五店通',
            'mname': '郑单平',
            'phone': '18565545595',
            'residue_amount': '6',
            'deadline': '2024-09-14',
            'countdown': '6',
            'id': '19352',
            'name': '郑单平',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/Q0j4TwGTfTJwicoopV8ZJu2NlHiaJpC1uxaDgibyJSajVVt3P1WEpUOGy5mCKNNnYT1v29818MVktGnN7a2uicfRrA\/132',
            'sex': 0,
            'status': '1'
          }, {
            'mid': '21536',
            'mcard_id': '24349',
            'card_no': '202406120003',
            'card_title': '100次综合卡',
            'mname': '张锦燕',
            'phone': '13531645342',
            'residue_amount': '11',
            'deadline': '2024-09-14',
            'countdown': '6',
            'id': '21536',
            'name': '张锦燕',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/ETfZLOcZ9TRBtP9LTmCWXIGIyAlNrpLFklVIdr0AbZeQoWyF7mPia4kgGmEgZAoK6BpWOQV2UicZqRWLow1iaqpFQ\/132',
            'sex': 0,
            'status': '0'
          }, {
            'mid': '20920',
            'mcard_id': '22386',
            'card_no': '202311290011',
            'card_title': '普拉提大器械课',
            'mname': '林钰轩',
            'phone': '18665292901',
            'residue_amount': '5',
            'deadline': '2024-09-18',
            'countdown': '10',
            'id': '20920',
            'name': '林钰轩',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/PiajxSqBRaEJF5gSvMstvM1wuVpg3gibXNCyBib9HGiaibpb4NAtFmicXicACZH3ZKmX6ktPYo3AjAicfqDH4CPxCG8ib7aiafibopbVZyKD3hibSN0aSNIdn4lficWic9eQ\/132',
            'sex': 0,
            'status': '0'
          }, {
            'mid': '21557',
            'mcard_id': '24405',
            'card_no': '202406170015',
            'card_title': '大器械小班课',
            'mname': '骆彩虹',
            'phone': '13680726006',
            'residue_amount': '0',
            'deadline': '2024-09-18',
            'countdown': '10',
            'id': '21557',
            'name': '骆彩虹',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/Q0j4TwGTfTL6bKWuDa4sbgga6xBpx4TYf3tCTqUkBAp4Mez7SfZNrPBNLnKA3moJ5Ivy440jBqgPuItHqibsXEA\/132',
            'sex': 0,
            'status': '1'
          }, {
            'mid': '19879',
            'mcard_id': '22646',
            'card_no': '202312110007',
            'card_title': '大器械小班课',
            'mname': '（黄丹丹）阿酸',
            'phone': '15089235020',
            'residue_amount': '0',
            'deadline': '2024-09-18',
            'countdown': '10',
            'id': '19879',
            'name': '（黄丹丹）阿酸',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/PiajxSqBRaEKwllsMkRVA4hw8w7cIWcaQ4ou8qQp6e9rBbUmN6cibgH8MlcC0icibrW5CzwyArkcaVwLBIQcJhPtMjPhHu2yepuuO2Ec7xzb7oGibtQEoJ6czXg\/132',
            'sex': 0,
            'status': '1'
          }, {
            'mid': '19352',
            'mcard_id': '18876',
            'card_no': '202307240053',
            'card_title': '精品五店通',
            'mname': '郑单平',
            'phone': '18565545595',
            'residue_amount': '6',
            'deadline': '2024-09-14',
            'countdown': '6',
            'id': '19352',
            'name': '郑单平',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/Q0j4TwGTfTJwicoopV8ZJu2NlHiaJpC1uxaDgibyJSajVVt3P1WEpUOGy5mCKNNnYT1v29818MVktGnN7a2uicfRrA\/132',
            'sex': 0,
            'status': '1'
          }, {
            'mid': '21536',
            'mcard_id': '24349',
            'card_no': '202406120003',
            'card_title': '100次综合卡',
            'mname': '张锦燕',
            'phone': '13531645342',
            'residue_amount': '11',
            'deadline': '2024-09-14',
            'countdown': '6',
            'id': '21536',
            'name': '张锦燕',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/ETfZLOcZ9TRBtP9LTmCWXIGIyAlNrpLFklVIdr0AbZeQoWyF7mPia4kgGmEgZAoK6BpWOQV2UicZqRWLow1iaqpFQ\/132',
            'sex': 0,
            'status': '0'
          }, {
            'mid': '20920',
            'mcard_id': '22386',
            'card_no': '202311290011',
            'card_title': '普拉提大器械课',
            'mname': '林钰轩',
            'phone': '18665292901',
            'residue_amount': '5',
            'deadline': '2024-09-18',
            'countdown': '10',
            'id': '20920',
            'name': '林钰轩',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/PiajxSqBRaEJF5gSvMstvM1wuVpg3gibXNCyBib9HGiaibpb4NAtFmicXicACZH3ZKmX6ktPYo3AjAicfqDH4CPxCG8ib7aiafibopbVZyKD3hibSN0aSNIdn4lficWic9eQ\/132',
            'sex': 0,
            'status': '0'
          }, {
            'mid': '21557',
            'mcard_id': '24405',
            'card_no': '202406170015',
            'card_title': '大器械小班课',
            'mname': '骆彩虹',
            'phone': '13680726006',
            'residue_amount': '0',
            'deadline': '2024-09-18',
            'countdown': '10',
            'id': '21557',
            'name': '骆彩虹',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/Q0j4TwGTfTL6bKWuDa4sbgga6xBpx4TYf3tCTqUkBAp4Mez7SfZNrPBNLnKA3moJ5Ivy440jBqgPuItHqibsXEA\/132',
            'sex': 0,
            'status': '1'
          }, {
            'mid': '19879',
            'mcard_id': '22646',
            'card_no': '202312110007',
            'card_title': '大器械小班课',
            'mname': '（黄丹丹）阿酸',
            'phone': '15089235020',
            'residue_amount': '0',
            'deadline': '2024-09-18',
            'countdown': '10',
            'id': '19879',
            'name': '（黄丹丹）阿酸',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/PiajxSqBRaEKwllsMkRVA4hw8w7cIWcaQ4ou8qQp6e9rBbUmN6cibgH8MlcC0icibrW5CzwyArkcaVwLBIQcJhPtMjPhHu2yepuuO2Ec7xzb7oGibtQEoJ6czXg\/132',
            'sex': 0,
            'status': '1'
          }, {
            'mid': '19352',
            'mcard_id': '18876',
            'card_no': '202307240053',
            'card_title': '精品五店通',
            'mname': '郑单平',
            'phone': '18565545595',
            'residue_amount': '6',
            'deadline': '2024-09-14',
            'countdown': '6',
            'id': '19352',
            'name': '郑单平',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/Q0j4TwGTfTJwicoopV8ZJu2NlHiaJpC1uxaDgibyJSajVVt3P1WEpUOGy5mCKNNnYT1v29818MVktGnN7a2uicfRrA\/132',
            'sex': 0,
            'status': '1'
          }, {
            'mid': '21536',
            'mcard_id': '24349',
            'card_no': '202406120003',
            'card_title': '100次综合卡',
            'mname': '张锦燕',
            'phone': '13531645342',
            'residue_amount': '11',
            'deadline': '2024-09-14',
            'countdown': '6',
            'id': '21536',
            'name': '张锦燕',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/ETfZLOcZ9TRBtP9LTmCWXIGIyAlNrpLFklVIdr0AbZeQoWyF7mPia4kgGmEgZAoK6BpWOQV2UicZqRWLow1iaqpFQ\/132',
            'sex': 0,
            'status': '0'
          }, {
            'mid': '20920',
            'mcard_id': '22386',
            'card_no': '202311290011',
            'card_title': '普拉提大器械课',
            'mname': '林钰轩',
            'phone': '18665292901',
            'residue_amount': '5',
            'deadline': '2024-09-18',
            'countdown': '10',
            'id': '20920',
            'name': '林钰轩',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/PiajxSqBRaEJF5gSvMstvM1wuVpg3gibXNCyBib9HGiaibpb4NAtFmicXicACZH3ZKmX6ktPYo3AjAicfqDH4CPxCG8ib7aiafibopbVZyKD3hibSN0aSNIdn4lficWic9eQ\/132',
            'sex': 0,
            'status': '0'
          }, {
            'mid': '21557',
            'mcard_id': '24405',
            'card_no': '202406170015',
            'card_title': '大器械小班课',
            'mname': '骆彩虹',
            'phone': '13680726006',
            'residue_amount': '0',
            'deadline': '2024-09-18',
            'countdown': '10',
            'id': '21557',
            'name': '骆彩虹',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/Q0j4TwGTfTL6bKWuDa4sbgga6xBpx4TYf3tCTqUkBAp4Mez7SfZNrPBNLnKA3moJ5Ivy440jBqgPuItHqibsXEA\/132',
            'sex': 0,
            'status': '1'
          }, {
            'mid': '19879',
            'mcard_id': '22646',
            'card_no': '202312110007',
            'card_title': '大器械小班课',
            'mname': '（黄丹丹）阿酸',
            'phone': '15089235020',
            'residue_amount': '0',
            'deadline': '2024-09-18',
            'countdown': '10',
            'id': '19879',
            'name': '（黄丹丹）阿酸',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/PiajxSqBRaEKwllsMkRVA4hw8w7cIWcaQ4ou8qQp6e9rBbUmN6cibgH8MlcC0icibrW5CzwyArkcaVwLBIQcJhPtMjPhHu2yepuuO2Ec7xzb7oGibtQEoJ6czXg\/132',
            'sex': 0,
            'status': '1'
          }]
        }

        this.total = 0
        this.list = list.data
      }
      if (this.type_index === 2) {
        list = {}
        this.total = 0
        this.list = list.data
      }
      if (this.type_index === 3) {
        list = {
          'errno': 0,
          'error': 'ok',
          'data': [{
            'mid': '8797',
            'mcard_id': '20944',
            'card_no': '202309150018',
            'card_title': '10节私教',
            'mname': '郭凤莲',
            'phone': '15815426621',
            'residue_amount': '7次',
            'deadline': '2025-01-01',
            'id': '8797',
            'name': '郭凤莲',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/Q0j4TwGTfTJdPpbGVFHUvo6jAGC3ibJkoeicd1XG5JUphU7JOTBxUowEm4yNCQO0qBKKkqibicZuVic22yU7GZePhEQ\/132',
            'sex': 1,
            'status': '1'
          }, {
            'mid': '17925',
            'mcard_id': '16509',
            'card_no': '202211050034',
            'card_title': '普拉提大器械课',
            'mname': '汪艳华',
            'phone': '13823252591',
            'residue_amount': '7次',
            'deadline': '2024-12-31',
            'id': '17925',
            'name': '汪艳华',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/PiajxSqBRaEJORqxic06LBB5Al5DuHib2puwK14rYQyuvr5wIPREF2pibGZb2FfdP7V7ibAROZ6TptHeKtPssG2ZIaU4dXEEZx3icygibpfGzKIqdHzGib65dldVog\/132',
            'sex': 1,
            'status': '1'
          }, {
            'mid': '8075',
            'mcard_id': '23821',
            'card_no': '202404160016',
            'card_title': '私教卡430',
            'mname': '葛辉明',
            'phone': '13502576176',
            'residue_amount': '7次',
            'deadline': '2025-04-21',
            'id': '8075',
            'name': '葛辉明',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/PiajxSqBRaEKfiathiag0uEAt8f4Ce6M5Wj7ze7rD6eianOUqpmgJZ9CriagXAr0yEdEnHrWvukzAT2vEpAtXG8RWuXlnMcAsOQDXDRqsfGAKN7jmg0vSH7ibXvA\/132',
            'sex': 1,
            'status': '1'
          }, {
            'mid': '18870',
            'mcard_id': '23298',
            'card_no': '202402240001',
            'card_title': '私教280',
            'mname': '杨惠珊',
            'phone': '13824209795',
            'residue_amount': '7次',
            'deadline': '2025-03-16',
            'id': '18870',
            'name': '杨惠珊',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/OqQ7fxKH95CiaxsRJ09QvgHAXbBoC6j0gtH2YkgHbxDMnQytm0q1cdl7D2hw4XgC1ia5e2ka2fPohd8cDMV50GFQ\/132',
            'sex': 1,
            'status': '0'
          }, {
            'mid': '7277',
            'mcard_id': '6452',
            'card_no': '20200702003',
            'card_title': '私教280',
            'mname': '戴琪',
            'phone': '18675770427',
            'residue_amount': '7次',
            'deadline': '2025-01-02',
            'id': '7277',
            'name': '戴琪',
            'avatar': 'https:\/\/cloud.keepyoga.com\/static\/img\/avatar-woman.jpg',
            'sex': 1,
            'status': '1'
          }, {
            'mid': '21405',
            'mcard_id': '24012',
            'card_no': '202405110002',
            'card_title': '私教380',
            'mname': '张月花',
            'phone': '13928308982',
            'residue_amount': '7次',
            'deadline': '2025-05-25',
            'id': '21405',
            'name': '张月花',
            'avatar': 'https:\/\/cloud.keepyoga.com\/static\/img\/avatar-woman.jpg',
            'sex': 1,
            'status': '1'
          }, {
            'mid': '6842',
            'mcard_id': '11636',
            'card_no': '20220126004',
            'card_title': '私教330',
            'mname': '黎威敏',
            'phone': '13250627371',
            'residue_amount': '7次',
            'deadline': '2024-11-17',
            'id': '6842',
            'name': '黎威敏',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/Q0j4TwGTfTJRH8vqoXSfIl1viaer1nicQbEHbVJ2xVglqibLSppykuiarFTV4AM8ZBaxrxQ2oKUcDpUMQYTrXVm3tw\/132',
            'sex': 1,
            'status': '1'
          }, {
            'mid': '21517',
            'mcard_id': '24300',
            'card_no': '202406060014',
            'card_title': '团课次数卡',
            'mname': '黄国燕',
            'phone': '18100283572',
            'residue_amount': '7次',
            'deadline': '2024-10-06',
            'id': '21517',
            'name': '黄国燕',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/Zb5XAibrJOtiaDq2t9efVp6iaTz7cEceiacLK7UibGEOBp1WdnJ1df1dhcWicBDOr3ibCe5VgK908Ioxia2FnDj60QDHROqVaBPcQ7orsMVfneLhACE\/132',
            'sex': 1,
            'status': '1'
          }, {
            'mid': '18740',
            'mcard_id': '23640',
            'card_no': '202403250003',
            'card_title': '私教200',
            'mname': '朱卓君',
            'phone': '13723581039',
            'residue_amount': '7次',
            'deadline': '2025-07-23',
            'id': '18740',
            'name': '朱卓君',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/PiajxSqBRaEJ62wJ9huan4nRFbqsT8yaOJndibq51a5m5BrEEnUyic9sWDNkWDJQ5pxLmPkZLib2RI9jpWN5dl1nEaJ6RKEmiaYiaC4Icw1LrCjdMXm7WibiadepHg\/132',
            'sex': 1,
            'status': '1'
          }]

        }
        this.total = 0
        this.list = list.data
      }
      if (this.type_index === 4) {
        list = {
          'errno': 0,
          'error': 'ok',
          'data': [{
            'mid': '20764',
            'mname': '温海燕',
            'phone': '18575219096',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/PiajxSqBRaEJE7DDXkgrEMLStm3n3BfeLF3QMKoIE8HFvPtC48ng1DLe8g2747nkzEyNweZwLsCibrJpcCICibiceGfHWvia0ib6dkRXQkXzkHRflI9kKWdXRnrw\/132',
            'id': '20764',
            'name': '温海燕',
            'sex': 0,
            'status': '0',
            'last_class': '2024-09-01',
            'absent_times': '7',
            'absent_desc': '截止至2024年09月08日23点59分，该会员7天未上课',
            'last_time': '--'
          }, {
            'mid': '18557',
            'mname': '95期白班王艳',
            'phone': '15915862102',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/PiajxSqBRaEL6GhqibPVJCBs26aELCnHR6NYYXyRDJ05OBQzUSIzKuT3gVTxIbv3sCgkLqGCfibbTux9EFjXgIICGOXZuibPs2VUZrvYpabqaytnwRMOdASLVw\/132',
            'id': '18557',
            'name': '95期白班王艳',
            'sex': 0,
            'status': '1',
            'last_class': '2024-09-01',
            'absent_times': '7',
            'absent_desc': '截止至2024年09月08日23点59分，该会员7天未上课',
            'last_time': '2024-08-15 09:48:23'
          }, {
            'mid': '10182',
            'mname': '刘娅婕',
            'phone': '13531730929',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/Q3auHgzwzM4XGk6gPZ8OQIZY6bjjrytt7zO1t0o38cHYeP3j0vYdxeboibk0SUzSFia33svYz7stHw2YhnDial5wg\/132',
            'id': '10182',
            'name': '刘娅婕',
            'sex': 0,
            'status': '1',
            'last_class': '2024-08-31',
            'absent_times': '8',
            'absent_desc': '截止至2024年09月08日23点59分，该会员8天未上课',
            'last_time': '2024-01-09 11:13:22'
          }, {
            'mid': '7815',
            'mname': '熊惠婷2',
            'phone': '13502226613',
            'avatar': 'https:\/\/cloud.keepyoga.com\/static\/img\/avatar-woman.jpg',
            'id': '7815',
            'name': '熊惠婷2',
            'sex': 0,
            'status': '1',
            'last_class': '2024-08-31',
            'absent_times': '8',
            'absent_desc': '截止至2024年09月08日23点59分，该会员8天未上课',
            'last_time': '2024-08-26 09:56:53'
          }, {
            'mid': '21733',
            'mname': '邱鹏辉',
            'phone': '15999586169',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/icqKB1tBbYGJHvZ6egiasECXJDDoxRaZRcc8o3evxgzNQEjxboKUCPt40zMULBWRs1V53R4gvYjXqNlugJw2OeyQ\/132',
            'id': '21733',
            'name': '邱鹏辉',
            'sex': 1,
            'status': '0',
            'last_class': '2024-08-31',
            'absent_times': '8',
            'absent_desc': '截止至2024年09月08日23点59分，该会员8天未上课',
            'last_time': '--'
          }, {
            'mid': '21123',
            'mname': '广东商红企业课',
            'phone': '12345678900',
            'avatar': 'https:\/\/cloud.keepyoga.com\/static\/img\/avatar-woman.jpg',
            'id': '21123',
            'name': '广东商红企业课',
            'sex': 0,
            'status': '0',
            'last_class': '2024-08-30',
            'absent_times': '9',
            'absent_desc': '截止至2024年09月08日23点59分，该会员9天未上课',
            'last_time': '--'
          }, {
            'mid': '18615',
            'mname': '汪艳',
            'phone': '13962133452',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/YgcYy4b1YkGD1fWrK3m5pDcaV7RuatHGFzT9kj3qjsF7ZvZhD1SOzXePAibHIZUvKGDPHlsPYibicKJIhV6FZtfrMdxce9icIdkS6BaFh4aUkgs\/132',
            'id': '18615',
            'name': '汪艳',
            'sex': 0,
            'status': '1',
            'last_class': '2024-08-30',
            'absent_times': '9',
            'absent_desc': '截止至2024年09月08日23点59分，该会员9天未上课',
            'last_time': '2024-03-04 19:10:14'
          }]
        }

        this.total = 0
        this.list = list.data
      }
      if (this.type_index === 5) {
        list = {
          'errno': 0,
          'error': 'ok',
          'data': [{
            'id': '20510',
            'user_id': '20510',
            'user_name': '叶菲',
            'anniversary': '1',
            'sex': '0',
            'phone': '13823170427',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/ibwibIicaflGiavU7ZoD8wBIrGubGicr3ic6M4IP1QTVpXyzNIY4uGZgMiclNiaAzagEKafZNC5mJWF5w9CcrQoKibWgfqw\/132',
            'count_down': '3',
            'create_time': '1694479464',
            'venue_id': '5',
            'consultant_id': '0',
            'is_revisit': '0',
            'join_date': '2023-09-12',
            'countdown': '3',
            'mid': '20510',
            'mname': '叶菲',
            'name': '叶菲',
            'status': '0'
          }, {
            'id': '20511',
            'user_id': '20511',
            'user_name': '陈冰玲',
            'anniversary': '1',
            'sex': '0',
            'phone': '13433717775',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/PiajxSqBRaELtpqLdN2RnBibCLDibrNvocFPlibQWNfxPYD8HbCRcicZdvjzryRq9vwZRAWpYfz1SJVtVOZcXWg4BdmA4vnbJHrQFcz4pfLGMegdKnF5X9TfOVw\/132',
            'count_down': '3',
            'create_time': '1694479997',
            'venue_id': '5',
            'consultant_id': '0',
            'is_revisit': '0',
            'join_date': '2023-09-12',
            'countdown': '3',
            'mid': '20511',
            'mname': '陈冰玲',
            'name': '陈冰玲',
            'status': '0'
          }, {
            'id': '20523',
            'user_id': '20523',
            'user_name': '蓝瑶',
            'anniversary': '1',
            'sex': '0',
            'phone': '13794596008',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/Q0j4TwGTfTKHRcGyM1JxTHRlXHfXMnptJPyqqkCOJjib3u1ZIiaMXSGtwQkmyrTRtLrYialjCa5hJVwibtCOoItK1A\/132',
            'count_down': '3',
            'create_time': '1694500321',
            'venue_id': '5',
            'consultant_id': '0',
            'is_revisit': '1',
            'join_date': '2023-09-12',
            'countdown': '3',
            'mid': '20523',
            'mname': '蓝瑶',
            'name': '蓝瑶',
            'status': '1'
          }, {
            'id': '20524',
            'user_id': '20524',
            'user_name': '易昊',
            'anniversary': '1',
            'sex': '0',
            'phone': '13422924762',
            'avatar': 'https:\/\/cloud.keepyoga.com\/static\/img\/avatar-woman.jpg',
            'count_down': '3',
            'create_time': '1694500411',
            'venue_id': '5',
            'consultant_id': '0',
            'is_revisit': '1',
            'join_date': '2023-09-12',
            'countdown': '3',
            'mid': '20524',
            'mname': '易昊',
            'name': '易昊',
            'status': '1'
          }, {
            'id': '10001',
            'user_id': '10001',
            'user_name': '苗晓雯',
            'anniversary': '3',
            'sex': '0',
            'phone': '15822901150',
            'avatar': 'https:\/\/cloud.keepyoga.com\/static\/img\/avatar-woman.jpg',
            'count_down': '3',
            'create_time': '1631376000',
            'venue_id': '5',
            'consultant_id': '261',
            'is_revisit': '0',
            'join_date': '2021-09-12',
            'countdown': '3',
            'mid': '10001',
            'mname': '苗晓雯',
            'name': '苗晓雯',
            'status': '0'
          }, {
            'id': '10002',
            'user_id': '10002',
            'user_name': '张丁群',
            'anniversary': '3',
            'sex': '0',
            'phone': '15767558225',
            'avatar': 'https:\/\/cloud.keepyoga.com\/static\/img\/avatar-woman.jpg',
            'count_down': '3',
            'create_time': '1631376000',
            'venue_id': '5',
            'consultant_id': '177',
            'is_revisit': '0',
            'join_date': '2021-09-12',
            'countdown': '3',
            'mid': '10002',
            'mname': '张丁群',
            'name': '张丁群',
            'status': '0'
          }, {
            'id': '20534',
            'user_id': '20534',
            'user_name': '周美婷',
            'anniversary': '1',
            'sex': '0',
            'phone': '13106702139',
            'avatar': 'https:\/\/thirdwx.qlogo.cn\/mmopen\/vi_32\/PiajxSqBRaEI32aicQdPGPsNvg2B5ukHyn1j2lwNlecOxTuPt8icHrgt174l93aVheWiaLUaibA1nI7nrONUUCAj54nejS90ltBx0IibsXavicGeiboCEic2GKLKMiaA\/132',
            'count_down': '3',
            'create_time': '1694511037',
            'venue_id': '5',
            'consultant_id': '389',
            'is_revisit': '0',
            'join_date': '2023-09-12',
            'countdown': '3',
            'mid': '20534',
            'mname': '周美婷',
            'name': '周美婷',
            'status': '0'
          }]
        }

        this.total = 0
        this.list = list.data
      }
      if (this.type_index === 6) {
        list = {}

        this.total = 0
        this.list = list.data
      }
      if (this.type_index === 7) {
        list = {}

        this.total = 0
        this.list = list.data
      }
      this.listLoading = false
    },
    handleSelectionChange(val) {
      console.log(val.length)
      this.xuancount = val.length
      this.multipleSelection = val
    }
  }
}
</script>

<style scoped>
	.edit-input {
		padding-right: 100px;
	}

	.cancel-btn {
		position: absolute;
		right: 15px;
		top: 10px;
	}

	.typelists {
		cursor: pointer;
		margin-right: 30px;
		margin-bottom: 10px;
		vertical-align: middle;
		font-size: 12px;
	}

	.typexuan {
		color: #41c3a8;
	}
	::v-deep .el-table--enable-row-hover .el-table__body tr:hover > td {
		background-color: #616b74;
		color:#fff;
	}
	::v-deep .el-table--enable-row-hover .el-table__body tr>td{
		color:#000;
	}
	/* ::v-deep .el-table__body .el-table__row.hover-row td {
		background-color: #616b74
	} */
</style>
